<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
<style type="text/css">
body{
padding: 0;
	margin: 0;
	background: #fff;
font-family: 'Open Sans', sans-serif;
}
* {
	margin: 0;
	font-family:"Microsoft Yahei";
	color: #666;
}
.main{
height: 83%;
    margin: 0px auto;
	}
	
	h1{
	text-align:center;
	text-transform: uppercase;
	 color: #000;
	 letter-spacing: 1px;
	 margin-top:50px;
	}
	.name{
	text-align:right;
	 color: #000;
	 letter-spacing: 1px;
	}
	.left{
	display:inline-block;
	 text-align: center;
	 width:60%;
    box-sizing: border-box;
    margin-top:5%;
    }
    .right{
    display:inline-block;
    width:18%;
    height:20%;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 10px 1px #cccccc;
    margin-top:10%;
    }
h3{
padding-top:10px;
}
</style>
</head>
<body>
<h1 class="error">登录注册页面</h1>
<h4 class="name">by MoyeFox</h4>
<div class="main">
<div class="left">
            <h3>青钢影：</h3>
                <p>世界既不白也不黑，而是一道精致的灰</p>    
                <img src="./pages/b11.png" class="img-fluid" alt="">
            </div>
<div class="right">
<h3>登录</h3><br>
<form action="http://localhost:8080/book1/loginservlet" method="post">
用户名:<input type="text" name="username" placeholder="请输入用户名"><br><br>
密码:<input type="password" name="password" placeholder="请输入密码"><br><br>
<input type="submit" value="登录" id="loginbutton">
<input type="button" value="注册" name="register" onclick="window.location.href='register.html'">
</form>
<br><br>
</div>
</div>
</body>
</html>